import React, { Component } from 'react'
import {  Card,List,Avatar} from 'antd'
import './email.scss'
const data = [
    {
      title: '关于申请加班若干事项',
    },
    {
      title: '朱大哥　工作是快乐的',
    },
    {
      title: 'BOSS　我要回家',
    },
    {
      title: '老黄　很黄很暴力',
    },
    {
      title: '老黄　我是一头老黄牛',
    },
    {
      title: '张哲　康美，周健快给钱',
    },
  ];
class Email extends Component {
    render() {
        return (
            <Card className='card' title="未读邮件" extra={<a style={{color:'#3b3a42'}} href="#">全部邮件</a>} >
        <List
    itemLayout="horizontal"
    dataSource={data}
    renderItem={item => (
      <List.Item>
        <List.Item.Meta
          avatar={<Avatar src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" />}
          title={<a href="https://ant.design"><span className="bold">王百万</span> {item.title}</a>}
          description="大家好，附件是关于 xxx 项目的相关情况，现需要申请 ¥ 2000 费用用于…"
        />
      </List.Item>
    )}
  />
    
        </Card>
        )
    }
}

export default Email;